import fs from 'fs'
import path from 'path'
import {getAllMypageNames} from '../../lib/posts'

// 公共组件在components文件夹里创建,并import导入
import Top from '../../components/top'

function myname(props) {

  return (
    <div>
      <Top></Top>
      <h3>this is my name: {props.tores1.name}</h3>
      <h3>this is my sex: {props.tores1.sex}</h3>
    </div>
  )
}

// 动态路由配置
/* 返回值:
    paths: 路径
    fallback: false:没有返回的页面会是404,true:没有返回页面时会提供页面的回退版本
*/
export async function getStaticPaths(context) {
  // 自动更新paths
  const paths = getAllMypageNames()
  return {
    // paths:[
    //   {params:{pname:'zhangsan'}}
    // ],
    paths,
    fallback: false
  }
}

// 数据处理
/* getStaticProps返回的一个对象:
    props: 页面组件接收的数据
    revalidate: 在几秒内，页面可以重新生成
    notFound: 允许返回404状态
*/
export async function getStaticProps(context) {
  /* context: {
      params: 路由参数
      preview: 是否是预览模式
      previewData: 预览数据
      locale: 活动区域设置(Internationalized Routing)
      locales: 所有支持的语言环境(Internationalized Routing)
      defaultLocale: 默认语言环境(Internationalized Routing)
  } */
  const {params} = context
  const getfill = path.join(process.cwd(), 'pages/json/data01.json')
  const getdata = JSON.parse(await fs.readFileSync(getfill, 'utf-8'))
  const tores1 = getdata[params.pname];

  return {props: {
      tores1
    }}
}

export default myname